<template>
    <el-container>
        <el-aside>
            <div class="title">个人中心</div>
            <ul class="menuList">
                <li><RouterLink to="/orderList">我的订单</RouterLink></li>
                <li><RouterLink to="/collectList">我的收藏</RouterLink></li>
                <li><RouterLink to="/info">个人信息</RouterLink></li>
                <li><RouterLink to="/password">修改密码</RouterLink></li>
                <li><RouterLink to="/addrList">地址管理</RouterLink></li>
                <li><RouterLink to="/recharge">账户充值</RouterLink></li>
            </ul>
        </el-aside>
        <el-main>
            <RouterView />
        </el-main>
    </el-container>
</template>

<script setup>

</script>

<style scoped>
.el-aside {
    padding: 20px;
    width: 150px;
}

.title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.menuList li{
    margin: 10px 0px;
}

.menuList li a {
    font-size: 14px;
    color: #333;
}
</style>